/* body{
	background-color: #FFFF00;
}
 */



/* side-bar */
.side-bar {

	position: relative;
	width: 100%;
	float: none;

	/* margin: 0 auto; */
}

.side-bar>* {
	padding: 5px 10px;
}



.side-bar .header .logo {
	text-align: left
}

.side-bar .nav,
.side-bar .tag-list {
	text-align: center;

	display: none;
}



#menu-checkbox {
	display: none;
}

#menu-checkbox:checked~.nav,
#menu-checkbox:checked~.tag-list {
	display: block;
}


#menu-toggle {
	display: block;
}

#menu-toggle {
	position: absolute;
	top: 8px;
	right: 5px;
	font-size: 15px;
	color: #777;
	font-weight: 200;
}


#menu-toggle:hover{
	/* color: #000000; */
	color: #fc5f1d;
	cursor: pointer;
	font-weight: 600;
}

/* side-bar end  */





/* main begin */
.main {
	width: 100%;
	float: none;
	padding: 0px 5px;
	/* margin: 0px 5px; */

}

.main .article-list,
.main .article{
	margin-right: 0;
}
